<template>
  <vc-config-provider id="root"  :theme="getAppTheme" :projectCfg="projectCfg">
    <router-view />
  </vc-config-provider>
</template>

<script lang="ts" setup>
import { useRootSetting } from '@/layouts/use/useRootSetting';
import { LINK_HOME } from '@/router/constants';
import { useAppStore } from '@/store/modules/app';

const { getAppTheme } = useRootSetting();

const appStore = useAppStore();

const showTabs = appStore.getMultiTabsSetting.show;

const projectCfg = reactive({
  homePath: LINK_HOME,
  showTabs
});
</script>
